<template>
    <div>
        <film-swiper class="filmswqimg">
            <film-swiper-item>
              <img src="/lun/l1.webp" alt="">
            </film-swiper-item>
            <film-swiper-item>
              <img src="/lun/l2.webp" alt="">
            </film-swiper-item>
            <film-swiper-item>
              <img src="/lun/l3.webp" alt="">
            </film-swiper-item>
            <film-swiper-item>
              <img src="/lun/l4.webp" alt="">
            </film-swiper-item>
        </film-swiper>
        <film-header class="sticky"></film-header>
        <router-view></router-view>
    </div>
</template>
<script>
import filmSwiper from '@/components/films/FilmSwiper'
import filmSwiperItem from '@/components/films/FilmSwiperItem'
import filmHeader from '@/components/films/FilmHeader'
export default {
  data () {
    return {
      datalist: []
    }
  },
  components: {
    filmSwiper,
    filmSwiperItem,
    filmHeader
  }
}
</script>
<style lang="scss" scoped>
.filmswqimg {
  img{
    width:100%;
  }
}
.sticky{
  position: sticky;
  top: -0.5px;
  background: white;
}
</style>
